﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasertTemplates.Master" AutoEventWireup="true" CodeBehind="CustomerList1.aspx.cs" Inherits="WebApplication.CustomerList" %>
<%@ Register TagPrefix="uc1" TagName="usermeg" Src="~/UserControl/UserMessageControl.ascx" %>
<%@ Register TagPrefix="uc1" TagName="maintab" Src="~/UserControl/MainTabControl.ascx" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script type="text/javascript" src="Media/JS/PublicTableStyle.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        //tab2 selected    
        $("#timeTable").TableColumnSelect({ listbox: "columlistwrap", hid: [] });
    })

</script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
 <div class="content-title"><h1>Customer</h1></div> 
         <div class="con-nav"><a href="#" class="btn"><span class="ui-icon ui-icon-newwin"></span>Add New Customer</a>
               </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">

	<div class="slide-wrap">
	<div class="slide-top">Search<span class="slide-btn" onClick="ToggleDocument('slide-cont')" id="search-btn">&nbsp;</span></div>
	<div class="slide-cont" id="slide-cont">
	  <table width="100%" border="0" cellspacing="0" cellpadding="0">
	  <tr>
		<td   height="48">
		<p class="upinput">Company Name </p>
		<input type="text" class="input200" value="company">
		</td>
		
		<td  >
		<p class="upinput">Customer ID</p>
		<input type="text" class="input200">
		</td>
		<td>&nbsp;</td>	
		<td height="48">
		<p class="upinput">Customer Type</p>
	   <select class="select200">
	   <option>Full Corporate Member</option>
	    <option>Associate Corporate Member</option>
		<option>Honorary Corporate Member</option>
		<option>Non-Member Corporate</option>
		<option>Full Individual Member</option>
		<option>Honorary Individual Member</option>
		<option>Non-member Individual</option>
		</select>	
		</td>
	  </tr>
	  <tr>			
		<td >
		<p class="upinput">Membership Since	</p>
		<input type="text" class="input200">
		</td>
		<td >
		<p class="upinput">Membership Status</p>
		<select class="select200" >
		<option></option>
		</select>	
		</td>
		<td>&nbsp;</td>
	  </tr>
	  <tr>
	  <td colspan="3" height="10"></td>
	  </tr>
	  <tr>
		<td colspan="2">
		
		
	 <ul class="uibtn">
    	<li>Search</li>
	</ul>
		</td>		
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	  </tr>	  
	</table>
	</div>
    </div>

	<div class="partWrap">
	
	
	<div class="page">
		<p class="left">20- 50 / Customer(s)</p>
		
		<div class="lisColumtBoxWrap"> <a href="Recyclebin.aspx"><img src="Media/Css/images/trash_can_s.png" height="24" id="showT" ></a></div>
		
	<%--<div id="lisColumtBoxWrap" class="lisColumtBoxWrap">
		 <img src="Media/Css/images/control_s.png" height="24" id="showC" >
	  <div id="lisColumtBox" class="lisColumtBox">	 
	  <div class="lisColumtBoxClose"></div>
	  <img src="Media/Css/images/lightbox-btn-close.gif" height="13" class="lisColumtBoxClose" />
	  </div>
	</div>--%>
	<div id="lisColumtBoxWrap" class="lisColumtBoxWrap">
		 <img src="Media/Css/images/control_s.png" height="24" id="showC" >
	  <div id="lisColumtBox" class="lisColumtBox">	 
	  <div class="lisColumtBoxClose"></div>
	  <img src="Media/Css/images/del-form.png" height="13" class="lisColumtBoxClose" />
      <div id="columlistwrap">
      </div>      	  
	    <table  border="0" cellspacing="0" cellpadding="0" class="btnwrap">
			  <tr>
				<td  class="btnwrapl">
				 <ul class="uibtn">
    	              <li>Save</li>
	             </ul>
				</td>
				<td class="btnwrapr">
				 <ul class="uibtn">
    	           <li >Quit</li>
	              </ul>
				</td>
                <td >
                </td>				
			  </tr>
			</table>
	  </div>
	</div>

		
		<div class="page-style">
		 <a href="#">Previous</a>
		 <a href="#"> << </a>
		 <span>
		 <input type="text" size="1" value="2">
		  / 4</span>
		 <span>pages </span>
		 <a href="#">Go</a>
		 <a href="#"> >> </a>
		 <a href="#">Next</a>
		</div>	
			
	
	
	</div>

	<div class="table-wrap">	
	<table width="100%" border="0"  background="#cccccc" cellspacing="1" cellpadding="0" class="listing-table" id="timeTable">
	<thead>
		  <tr>
		     <th><div class="hw"><span>Index</span><div class="dragDiv"></div></div></th>
			 <th width="60">Logo</th>
			<th><div class="hw"><span>Customer ID</span><span  class="order-1"></span><div class="dragDiv"></div></div></th>
			<th><div class="hw"><span>Company Name</span><span class="order-1"></span><div class="dragDiv"></div></div></th>
			<th><div class="hw"><span>客戶名稱</span><span class="order-1"></span><div class="dragDiv"></div></div></th>
			<th><div class="hw"><span>Customer Type</span><span class="order-1"></span><div class="dragDiv"></div></div></th>
			<th><div class="hw"><span>Membership Since</span><span class="order-1"></span><div class="dragDiv"></div></div></th>
			<th><div class="hw"><span>Membership Status</span><span class="order-1"></span><div class="dragDiv"></div></div></th>
			<th><div class="hw">Action<div class="dragDiv" style="visibility:hidden"></div></div></th>
		  </tr>
		</thead>
		  <tbody>
		  <tr>
		    <td>01</td>
			<td  class="tdimg"><img src="Media/Css/images/new-2_14.png" alt=""/></td>
			<td  class="td2">195500FC00001</td>
			<td  class="td3">Abdoolally Ebrahim & Co. (HK) Ltd.</td>
			<td  class="td5">鴨都喇利(香港)有限公司</td>
			<td  class="td6">Full Corporate Member</td>
			<td  class="td7">01 Jan 1955</td>
			<td  class="td8">Active</td>
			<td  class="td9">
				<a href="Basicinformation.aspx">Edit</a> |
				<a href="javascript: delete_disp_confirms('DeleteBox')">Delete</a>
			</td>
		  </tr>
		  <tr>
		    <td>02</td>
			<td  class="tdimg"><img src="Media/Css/images/new-2_14.png" alt=""/></td>
			<td  class="td2">195500FC00001</td>
			<td  class="td3">Abdoolally Ebrahim & Co. (HK) Ltd.</td>
			<td  class="td5">鴨都喇利(香港)有限公司</td>
			<td  class="td6">Full Corporate Member</td>
			<td  class="td7">01 Jan 1955</td>
			<td  class="td8">Active</td>
			<td  class="td9">
				<a href="Basicinformation.aspx">Edit</a> |
				<a href="javascript: delete_disp_confirms('DeleteBox')">Delete</a>
			</td>
		  </tr>
		  <tr>
		    <td>03</td>
			<td  class="tdimg"><img src="Media/Css/images/new-2_14.png" alt=""/></td>
			<td  class="td2">195500FC00001</td>
			<td  class="td3">Abdoolally Ebrahim & Co. (HK) Ltd.</td>
			<td  class="td5">鴨都喇利(香港)有限公司</td>
			<td  class="td6">Full Corporate Member</td>
			<td  class="td7">01 Jan 1955</td>
			<td  class="td8">Active</td>
			<td  class="td9">
				<a href="Basicinformation.aspx">Edit</a> |
				<a href="javascript: delete_disp_confirms('DeleteBox')">Delete</a>
			</td>
		  </tr>
		  <tr>
		    <td>04</td>
			<td  class="tdimg"><img src="Media/Css/images/new-2_14.png" alt=""/></td>
			<td  class="td2">195500FC00001</td>
			<td  class="td3">Abdoolally Ebrahim & Co. (HK) Ltd.</td>
			<td  class="td5">鴨都喇利(香港)有限公司</td>
			<td  class="td6">Full Corporate Member</td>
			<td  class="td7">01 Jan 1955</td>
			<td  class="td8">Active</td>
			<td  class="td9">
				<a href="Basicinformation.aspx">Edit</a> |
				<a href="javascript: delete_disp_confirms('DeleteBox')">Delete</a>
			</td>
		  </tr>
		  <tr>
		    <td>05</td>
			<td  class="tdimg"><img src="Media/Css/images/new-2_14.png" alt=""/></td>
			<td  class="td2">195500FC00001</td>
			<td  class="td3">Abdoolally Ebrahim & Co. (HK) Ltd.</td>
			<td  class="td5">鴨都喇利(香港)有限公司</td>
			<td  class="td6">Full Corporate Member</td>
			<td  class="td7">01 Jan 1955</td>
			<td  class="td8">Active</td>
			<td  class="td9">
				<a href="Basicinformation.aspx">Edit</a> |
				<a href="javascript: delete_disp_confirms('DeleteBox')">Delete</a>
			</td>
		  </tr>
		  
		  <tr>
		    <td>06</td>
			<td  class="tdimg"><img src="Media/Css/images/new-2_14.png" alt=""/></td>
			<td  class="td2">195500FC00001</td>
			<td  class="td3">Abdoolally Ebrahim & Co. (HK) Ltd.</td>
			<td  class="td5">鴨都喇利(香港)有限公司</td>
			<td  class="td6">Full Corporate Member</td>
			<td  class="td7">01 Jan 1955</td>
			<td  class="td8">Active</td>
			<td  class="td9">
				<a href="Basicinformation.aspx">Edit</a> |
				<a href="javascript: delete_disp_confirms('DeleteBox')">Delete</a>
			</td>
		  </tr>
		  <tr>
		    <td>07</td>
			<td  class="tdimg"><img src="Media/Css/images/new-2_14.png" alt=""/></td>
			<td  class="td2">195500FC00001</td>
			<td  class="td3">Abdoolally Ebrahim & Co. (HK) Ltd.</td>
			<td  class="td5">鴨都喇利(香港)有限公司</td>
			<td  class="td6">Full Corporate Member</td>
			<td  class="td7">01 Jan 1955</td>
			<td  class="td8">Active</td>
			<td  class="td9">
				<a href="Basicinformation.aspx">Edit</a> |
				<a href="javascript: delete_disp_confirms('DeleteBox')">Delete</a>
			</td>
		  </tr>
		  <tr>
		    <td>08</td>
			<td  class="tdimg"><img src="Media/Css/images/new-2_14.png" alt=""/></td>
			<td  class="td2">195500FC00001</td>
			<td  class="td3">Abdoolally Ebrahim & Co. (HK) Ltd.</td>
			<td  class="td5">鴨都喇利(香港)有限公司</td>
			<td  class="td6">Full Corporate Member</td>
			<td  class="td7">01 Jan 1955</td>
			<td  class="td8">Active</td>
			<td  class="td9">
				<a href="Basicinformation.aspx">Edit</a> |
				<a href="javascript: delete_disp_confirms('DeleteBox')">Delete</a>
			</td>
		  </tr>
		  <tr>
		    <td>09</td>
			<td  class="tdimg"><img src="Media/Css/images/new-2_14.png" alt=""/></td>
			<td  class="td2">195500FC00001</td>
			<td  class="td3">Abdoolally Ebrahim & Co. (HK) Ltd.</td>
			<td  class="td5">鴨都喇利(香港)有限公司</td>
			<td  class="td6">Full Corporate Member</td>
			<td  class="td7">01 Jan 1955</td>
			<td  class="td8">Active</td>
			<td  class="td9">
				<a href="Basicinformation.aspx">Edit</a> |
				<a href="javascript: delete_disp_confirms('DeleteBox')">Delete</a>
			</td>
		  </tr>
		  <tr>
		    <td>10</td>
			<td  class="tdimg"><img src="Media/Css/images/new-2_14.png" alt=""/></td>
			<td  class="td2">195500FC00001</td>
			<td  class="td3">Abdoolally Ebrahim & Co. (HK) Ltd.</td>
			<td  class="td5">鴨都喇利(香港)有限公司</td>
			<td  class="td6">Full Corporate Member</td>
			<td  class="td7">01 Jan 1955</td>
			<td  class="td8">Active</td>
			<td  class="td9">
					<a href="Basicinformation.aspx">Edit</a> |
				<a href="javascript: delete_disp_confirms('DeleteBox')">Delete</a>
			</td>
		  </tr>
		  
		  
		  <tr>
		    <td>11</td>
			<td  class="tdimg"><img src="Media/Css/images/new-2_14.png" alt=""/></td>
			<td  class="td2">195500FC00001</td>
			<td  class="td3">Abdoolally Ebrahim & Co. (HK) Ltd.</td>
			<td  class="td5">鴨都喇利(香港)有限公司</td>
			<td  class="td6">Full Corporate Member</td>
			<td  class="td7">01 Jan 1955</td>
			<td  class="td8">Active</td>
			<td  class="td9">
					<a href="Basicinformation.aspx">Edit</a> |
				<a href="javascript: delete_disp_confirms('DeleteBox')">Delete</a>
			</td>
		  </tr>
		  <tr>
		    <td>12</td>
			<td  class="tdimg"><img src="Media/Css/images/new-2_14.png" alt=""/></td>
			<td  class="td2">195500FC00001</td>
			<td  class="td3">Abdoolally Ebrahim & Co. (HK) Ltd.</td>
			<td  class="td5">鴨都喇利(香港)有限公司</td>
			<td  class="td6">Full Corporate Member</td>
			<td  class="td7">01 Jan 1955</td>
			<td  class="td8">Active</td>
			<td  class="td9">
					<a href="Basicinformation.aspx">Edit</a> |
				<a href="javascript: delete_disp_confirms('DeleteBox')">Delete</a>
			</td>
		  </tr>
		  <tr>
		    <td>13</td>
			<td  class="tdimg"><img src="Media/Css/images/new-2_14.png" alt=""/></td>
			<td  class="td2">195500FC00001</td>
			<td  class="td3">Abdoolally Ebrahim & Co. (HK) Ltd.</td>
			<td  class="td5">鴨都喇利(香港)有限公司</td>
			<td  class="td6">Full Corporate Member</td>
			<td  class="td7">01 Jan 1955</td>
			<td  class="td8">Active</td>
			<td  class="td9">
					<a href="Basicinformation.aspx">Edit</a> |
				<a href="javascript: delete_disp_confirms('DeleteBox')">Delete</a>
			</td>
		  </tr>
		  <tr>
		    <td>14</td>
			<td  class="tdimg"><img src="Media/Css/images/new-2_14.png" alt=""/></td>
			<td  class="td2">195500FC00001</td>
			<td  class="td3">Abdoolally Ebrahim & Co. (HK) Ltd.</td>
			<td  class="td5">鴨都喇利(香港)有限公司</td>
			<td  class="td6">Full Corporate Member</td>
			<td  class="td7">01 Jan 1955</td>
			<td  class="td8">Active</td>
			<td  class="td9">
					<a href="Basicinformation.aspx">Edit</a> |
				<a href="javascript: delete_disp_confirms('DeleteBox')">Delete</a>
			</td>
		  </tr>
		  <tr>
		    <td>15</td>
			<td  class="tdimg"><img src="Media/Css/images/new-2_14.png" alt=""/></td>
			<td  class="td2">195500FC00001</td>
			<td  class="td3">Abdoolally Ebrahim & Co. (HK) Ltd.</td>
			<td  class="td5">鴨都喇利(香港)有限公司</td>
			<td  class="td6">Full Corporate Member</td>
			<td  class="td7">01 Jan 1955</td>
			<td  class="td8">Active</td>
			<td  class="td9">
				<a href="Basicinformation.aspx">Edit</a> |
				<a href="javascript: delete_disp_confirms('DeleteBox')">Delete</a>
			</td>
		  </tr>
		  </tbody>
		
		</table>	
	</div>
		<div class="page">
		<p class="left">20- 50 / Customer(s)</p>
		<div class="page-style">
		 <a href="#">Previous</a>
		 <a href="#"> << </a>
		 <span>
		 <input type="text" size="1" value="2">
		  / 4</span>
		 <span>pages </span>
		 <a href="#">Go</a>
		 <a href="#"> >> </a>
		 <a href="#">Next</a>
		</div>	
	</div>
	</div>
	
	<div id="DeleteBox" class="Popconfirms">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center">
	
	<div class="Poptxt">Are you sure to delete?</div></td>  
    
  </tr>
  <tr>
    <td align="center">
	<div class="clear20"></div>
	<table>
	<tr>
    <td>
	 <ul class="uibtn">
    	<li >Sure</li>
	</ul>
	</td>
	<td width="10"></td>
    <td>
	 <ul class="uibtn">
    	<li >Quit</li>
	</ul>
	</td>
	</tr>
	</table>
	</td>
  </tr>
</table>

</div>
</asp:Content>
